<div class="wrapper-md" ng-controller="RoleAddOrUpdateCtrl">
    <div class="panel panel-default">
        <ng-form name="roleAddForm" class="form-horizontal form-validation">
            <div class="panel-heading">
                <h1 class="m-n font-thin h3"><span translate="{{vm.title | translate}}"></span></h1>
            </div>
            <div class="panel-body">
                <div class="form-group ">
                    <div class="col-md-6">
                        <label class="col-md-3 control-label">
                            <span class="text-danger">*</span>
                            <span translate="role.name"></span>
                        </label>
                        <div class="col-md-8">
                            <input type="text" name="name" class="form-control" ng-model="vm.role.name" id="nameID"
                                   maxlength="32" required uib-tooltip="{{'common.op.remind2' | translate}}"/>
                        </div>
                    </div>
                    <!--备注-->
                    <div class="col-md-6">
                        <label class="col-md-3 control-label" translate="common.remark"></label>
                        <div class="col-md-8">
							<textarea name="description" id="descriptionID" maxlength="255"
                                      class="form-control"
                                      ng-model="vm.role.description"
                                      uib-tooltip="{{'common.op.remind6' | translate}}"></textarea>
                        </div>
                    </div>
                </div>
                <div class="form-group ">
                    <div class="col-md-6">
                        <label class="col-md-3 control-label">
                            <span translate="role.rolePermission"></span>
                        </label>
                        <div class="col-md-8">
                            <ul iss-ztree="vm.treeSetting" id="archTree" tree-control="vm.treeObj"
                                tree-data="vm.treeData" class="ztree"></ul>
                        </div>
                    </div>
                </div>
            </div>
            <footer class="panel-footer text-right bg-light lter">
                <button type="button" class="btn btn-default" ng-click="vm.cancel()" translate="common.cancel"></button>
                <button type="button" class="btn btn-primary" ng-click="vm.save()"
                        ng-disabled="roleAddForm.$invalid" translate="common.confirm"></button>
            </footer>
        </ng-form>
    </div>
</div>